import Vue from 'vue'
// 重置CSS文件
import 'normalize.css/normalize.css' // A modern alternative to CSS resets
// 引入element-ui组件库
import ElementUI from 'element-ui'//组件库
import 'element-ui/lib/theme-chalk/index.css'//element-ui主题样式文件
import locale from 'element-ui/lib/locale/lang/en' //element-ui组件库的英文文档-国际化范围的文件
// 引入全局样式文件
import '@/styles/index.scss' // global css

import App from './App'
import store from './store'
import router from './router'
// 引入图标
import '@/icons' // icon
// 权限控制--路由守卫
import '@/permission' // permission control

// 引入所有的api接口
import * as API from '@/api';
// 注册API接口
Vue.prototype.$API = API;

// 引入提示信息的按钮组件
import HintButton from '@/components/HintButton';
// 注册提示信息的按钮组件
Vue.component('HintButton',HintButton);

// 引入商品分类的组件,并注册为全局组件
import CategorySelector from '@/views/product/components/categorySelector';
Vue.component('CategorySelector',CategorySelector);

/**
 * If you don't want to use mock-server
 * you want to use MockJs for mock api
 * you can execute: mockXHR()
 *
 * Currently MockJs will be used in the production environment,
 * please remove it before going online ! ! !
 */
// 使用mock数据的话需要
// if (process.env.NODE_ENV === 'production') {
//   const { mockXHR } = require('../mock')
//   mockXHR()
// }

// 设置element组件为英文
// Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
Vue.use(ElementUI)
// 关闭vue在控制台的提示信息
Vue.config.productionTip = false

new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})
